<!--
  Generated template for the TeamDetailsPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar>
    <img class="arrow-back" src="./assets/imgs/team/arrow_back.png">
    <ion-title>团队详情</ion-title>
    <img class="add" src="./assets/imgs/team/add.png">
  </ion-navbar>
</ion-header>


<ion-content>
  <img class="bgImg" src="https://ionicframework.com/dist/preview-app/www/assets/img/card-sf.png">
  <div class="details-content">
    <img src="{{teamPhoto}}"> 
    <span>{{teamName}}</span>
    <p>
      <span>{{teamNumber}}</span>
    </p>
  </div>

  <button ion-button clear item-end (click)="openNewApply()">
    <img src="./assets/imgs/team/create_bt.png">
    <span>创建评测</span>
  </button>
  
  <!-- 团队成员 -->
  <div class="team-member-line">
    <span class="">团队成员</span>
    <img src="./assets/imgs/team/arrow_right.png">
  </div>

  <div class="team-member">
    <div *ngFor="let item of teamMemberDatas" (click)="openMemberDetails(item.qq, item.nickname, item.avatar)">
      <img src="{{item.avatar}}">
      <span>{{item.realname}}</span>
    </div>
  </div> 
  <div class="project">
    <span class="span-start">评测项目</span>
  </div>
  <ion-list>
    <ion-item> 
      <ion-thumbnail item-start>
        <img src="./assets/imgs/team/p25@2x.png">
      </ion-thumbnail>
      <span>评测项目名称</span>
      <p>2018年06月08号</p>
      <p>— 2018年06月10号</p>
    </ion-item>
  </ion-list>
  <button ion-button  full (click)="join()"><span>加入团队</span></button>
</ion-content>
